<template>
	<footer class="footer">
		<router-link v-for="item in navItems" :key="item.path" class="tab-item" :to="item.path"
			:class="{'bg-active': $route.path === item.path}">
			<span class="nav-icon" :class="item.icon"></span>
			<span class="tab-label">{{ item.label }}</span>
		</router-link>
	</footer>
</template>

<script>
	export default {
			computed: {
				navItems() {
					return [
						{
							path: '/',
							icon: 'icon-home iconfont',
							label: 'Trang chủ'
						},
						{
							path: '/user/index',
							icon: 'icon-user iconfont',
							label: 'Cá nhân'
						},
					];
				}
			}
		};
</script>

<style>

</style>